<div class="player_names">
	{% for cell in player_names%}
	<div class="name_tag" id="player_{{cell}}">이름</div>
	{% endfor %}
</div>
<div class="clear"></div>
<table id="ladder">
{% for line in ladder_size%}
	<tr>
	{% for cell in players%}
	<td class="cell unselected_cells" id="{{line}}x{{cell}}"></td>
	{% endfor %}
	</tr>
{% endfor %}
</table>
<div class="player_names">
	{% for cell in player_names%}
	<div class="name_tag" id="winner_{{cell}}">당첨</div>
	{% endfor %}
</div>
<script type="text/javascript">
<!--
	$('.player_names').css('width', {{name_full_width}});
	$('#ladder').css('margin', '0 auto');
	$('.cell').addClass('unselected_cells');
	$('.cell').mouseenter(function(){
		$(this).removeClass('unselected_cells');
		$(this).addClass('over_cell');
	}).mouseleave(function(){
		$(this).removeClass('over_cell');
		$(this).addClass('unselected_cells');
	}).click(function(){
		if (!$(this).hasClass('selected_cells')) {
			$(this).removeClass('unselected_cells');
			$(this).addClass('selected_cells');
		} else {
			$(this).removeClass('selected_cells');
			$(this).addClass('unselected_cells');
		}
	});
//-->
</script>